import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/icon',
      name: 'Icon',
      component: () => import('@/views/IconView.vue'),
    },
    {
      path: '/button',
      name: 'Button',
      component: () => import('@/views/ButtonView.vue'),
    },
    {
      path: '/card',
      name: 'Card',
      component: () => import('@/views/CardView.vue'),
    },
    {
      path: '/dialog',
      name: 'Dialog',
      component: () => import('@/views/DialogView.vue'),
    },
    {
      path: '/pager',
      name: 'Pager',
      component: () => import('@/views/PagerView.vue'),
    },
    {
      path: '/collapse',
      name: 'Collapse',
      component: () => import('@/views/CollapseView.vue'),
    },
    {
      path: '/tooltip',
      name: 'Tooltip',
      component: () => import('@/views/TooltipView.vue'),
    },
    {
      path: '/dropdown',
      name: 'Dropdown',
      component: () => import('@/views/DropdownView.vue'),
    },
  ],
  linkActiveClass: 'active',
})

export default router
